﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Untitled Page</title>
    <link rel="stylesheet" type="text/css" href="../Styles/FileManager/fileManager.css" media="screen" />
    <link href="../Styles/JQueryUI/facebox.css" rel="stylesheet" type="text/css" />
   <script type="text/javascript" src="../Scripts/JQuery/jquery-1.6.4.min.js"></script>
    <script src="../Scripts/JQuery/facebox.js" type="text/javascript"></script>

    <link href="../Styles/FileManager/FileProperties.css" rel="stylesheet" type="text/css" />
    <link href="../Styles/FileManager/FileManagerRootProperties.css" rel="stylesheet" type="text/css" />
     
     <script type="text/javascript" src="../Scripts/FileManager/highcharts.js"></script>
     <script type="text/javascript" src="../Scripts/FileManager/gray.js"></script>
     <script type="text/javascript" src="../Scripts/FileManager/Piechart.js"></script>

     <script type="text/javascript">

         $(document).ready(function () {
             $('a[rel=facebox]').facebox();
            
         });
        
    </script>
</head>
<body>
<div class="Frame">
    <div class="IconBox">
        <a href="#"><img class ="closeIcon" src="../TemplateImages/close.ico" alt="Zzzzzzz" /></a>
        <a href="#"><img class ="maximizeIcon" src="../TemplateImages/minimize_box_blue (2).ico" alt="Zzzzzzz" /></a>
        <a href="#"><img class ="closeIcon" src="../TemplateImages/minimize_box_blue.ico" alt="Zzzzzzz" /></a>
     </div>
     
     <div class = "IconBox">
        <div class = "MenubarText" id = "newFolder">new folder</div> <div class ="MenubarText" id = "newFolder"> upload </div>
     </div>
     <div class = " IFrameBox">
     <a rel="facebox" href="#properties" >properties</a>
     <div id="properties"  style="display:none;">
      <div id="Total_Form">
        <div id="PropetyForm" >
        <div id="Up_header">
            <h1>
                root properties</h1>
        </div>
        <div id="Size_Number">
            <div id="SizeDiv1">
                <label id="UsedSpace">
                    UsedSpace
                </label>
                <input id="UsedSpaceNum" type="text" value="876689" disabled="disabled">
            </div>
            <div id="SizeDiv2">
                <label id="FreeSpace">
                    FreeSpace
                </label>
                <input id="FreeSpaceNum" type="text" value="765456" disabled="disabled">
            </div>
        </div>
        <div id="Size_Chart" style="width: 440px; height: 300px">
        </div>
        </div>
    </div>
    </div>
    <div id="Total_Form2">
        <form id="PropetyFileForm" action="/">
        <div id="Up_header2">
    <img  src="../TemplateImages/FolderImage2.png" align="left" width="35" height="35"/>
            <h1 id="fileheader">
                file properties</h1>
        </div>
        <div id="File_Atr">
            <div id="File_Type">
                <label id="_Type">
                    Type
                </label>
                <input id="FType" type="text" value="File Folder" disabled="disabled">
            </div>
            <div id="File_Location">
                <label id="_Location">
                    Location
                </label>
                <input id="FLocation" type="text" value="D:\Project" disabled="disabled">
            </div>
            <div id="File_Size">
                <label id="_Size">
                    Size
                </label>
                <input id="FSize" type="text" value="1234" disabled="disabled">
            </div>
        </div>
        <div id="Folder_Pic">
            <img src="../TemplateImages/FolderImage1.png" align="middle" hspace="150" width="150" height="150"/>
        
        
        </div>
       
        </form>
    </div>
     </div>
 </div>
</body>
</html>
